<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
    <script src="static/gobe.js"></script>
<style>
#querybox, #flashcontent { width:1010px; height 700px; }
</style>
</head>
<body>
    examples:
    <ul>
        <li><a href="/gobe/">simple annos</a></li>
        <li><a href="/gobe/?tracks=data/t.tracks&annotations=data/t.annos&edges=data/t.edges">hsps</a></li>
        <li><a href="/gobe/?tracks=data/pair/tracks.txt&annotations=data/pair/annos.txt&edges=data/pair/edges.txt">pair</a></li>
    </ul>

    <input type="submit" onclick="Gobe.clear()" value="Clear" /><br/>
<div id="flashcontent" name="flashcontent" style="z-index=0;position:absolute">
    <strong>You need to install <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Flash Player</a> (or turn it back on in your browser settings).</strong>
</div>
<div id="querybox"></div>
<ul>
    <li>click a gray HSP to see its pair.</li>
    <li>shift-click in a track to draw lines to all HSPs</li>
</ul>

<script type="text/javascript">
        // <![CDATA[
        var get = swfobject.getQueryParamValue;
        var width = get('w') || "1010";
        var height = get('h') || "700";
        var params = {'bgcolor': '#FFFFFF'};
        // only var is config=/web/path/to/config.js
        var flashVars = {
            'tracks'   : get('tracks') || 'data/tracks.txt',
            'annotations'   : get('annotations') || 'data/annotations.txt',
            'edges'   : get('edges') || 'data/edges.txt',
            'style'  : get('style') || 'static/gobe.css'
        };
        swfobject.embedSWF("flash/gobe.swf?d=" + Math.random(), "flashcontent", width, height, "9.0.0"
                , "static/swfobject/expresssinstall.swf", flashVars, params, {}
                , function(){ Gobe.swf = Gobe.get_movie(); });

        // ]]>
    </script>
</body>
</html>
